<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片预览</title>

    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

    <!--引入layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>

</head>
<body>
<div id="app"  >
    <div style="padding: 10px 10px;">
        <div class="demo-image__preview">
            <el-image id="imge"
                    style="width: 300px; height: 300px"
                    :src="url"
                    :preview-src-list="srcList">
            </el-image>
        </div>
    </div>
</div>
</body>
<script>

    var vm = new Vue({
        el:"#app",
        data:{
            url: '',
            srcList: []
        },
        created(){
            this.init();
        },
        methods:{
           init(){
               let data1 = getParams();
               let list = data1.playurl.split(",");
               if(list.length > 0){
                   this.url = list[0];
                   this.srcList = list;
               }
           }
        }
    });
</script>
</html>